/*  -----
    CSS RESET by Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
    -----
*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit;  font-size: 100%; outline: 0; padding: 0; margin: 0;  border: 0;}
:focus {outline: 0;}

body {text-align: center; font-family: MyriadProRegular; font-size: 13px; color: #333; background: #F4F4F4 url(../imgs/bgGeral.jpg) repeat;}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

h1{font-family: MEgalopolisExtraRegular; font-size: 26px; padding: 10px 0 0 10px;}

.centro{width: 980px; height: auto; min-height: 650px; text-align: left; margin: 70px auto;}

#telaPrincipal{width: 850px; height: 604px; background: #D9F2CC url(../imgs/luz.png) no-repeat 160px 0; border-radius:10px; -moz-box-shadow: 0 2px 4px 1px #CCCCCC; position: absolute; left: 50%; top: 50%; margin: -302px 0 0 -425px;}

#header{width: 828px; height: 16px; background: #CDEB8B; border: 1px solid #A9CF58; font-size: 11px; padding: 6px 10px; font-family: MyriadProSemibold; border-radius: 5px; }

    #header img{float: left; padding: 0 5px 0 0;}
    
    #titulo{float: left;}
    
    #menu{float: right;}
    
    #menu li{float: left;}
    
    #menu li a:link, #menu li a:visited, #menu li a:active{text-decoration: none; color: #666; font-size: 14px; padding: 7px 5px; border: 1px solid transparent;}
    
    #menu li a:hover{background: url(../imgs/bgHoverMenu.jpg) repeat-x; border: 1px solid #C4C5A6;}       
    
#logo{margin: 167px 0 0 240px; }

form{margin: 130px 0 0;}

form #fieldsetInterno{width:385px; background: #FFF; padding: 10px; margin: 0 15px; float: left; border: 1px solid #CDEB8B;}

form #fieldsetInterno legend{font-family: MEgalopolisExtraRegular; font-size: 18px;}

form ul{width: 400px; font-family: MEgalopolisExtraRegular; font-size: 22px; text-align: right;}

form ul li{margin: 5px 0;}

#ulPerguntas{text-align: left;}

.campos{width: 240px; height: 30px; background: url(../imgs/campos.png) no-repeat !important; border: 0; margin: 0 10px; padding: 0 5px;  font-family: MyriadProSemibold; line-height: 30px;}

.campos:focus{background: url(../imgs/camposFocus.png) no-repeat;}

.botoesCad, .botoes{width: 112px; height: 44px; background: url(../imgs/botaoJogar.png) no-repeat; border: 0; font-family: MEgalopolisExtraRegular; font-size: 16px; position: relative; left: 400px; bottom: 50px;}

    .erroValidacaoForm{padding: 5px 30px;  font-size: 12px; display: block; position: absolute; background: #FFCFD1 url(../imgs/errorExclamationForm.png) no-repeat 5px 3px; left: 350px; border-bottom: 1px solid #DF999C;  border-top: 1px solid #DF999C; font-family: MyriadProSemibold;}
/*-- CADASTRO DE PERGUNTAS --*/

.botoesCad{left: 260px !important;}

#ulFormCadastroPergunta{width: 500px; font-family: MyriadProSemibold;}   

#logoCad{position: relative; top: 20px;} 

/*-- ERROS E MENSAGENS --*/

.erro {width: 790px; height: 20px; background: #FFCFD1 url("../imgs/errorExclamation.png") no-repeat;  border-bottom: 1px solid #DF999C;  border-top: 1px solid #DF999C; padding: 10px 0 0 60px; font-weight: bold;}

/*-- PAGINA TELA JOGO --*/

#informacoesUsuario{width: 813px; height: 68px; background: url(../imgs/bgInformacoesUsuario.jpg) repeat-x; border: 1px solid #BDBBBD; margin: 20px 0 0 17px;}

#informacoesUsuarioDetalhes{float: left; font-family: MEgalopolisExtraRegular; margin: 0 0 0 10px;}

#informacoesUsuarioDetalhes li{margin: 5px 0 0 0;}

#informacoesUsuarioDetalhes li span{font-family: MyriadProSemibold !important;}

#boxDificuldade{width: 250px; height: 58px; float: right; font-family: MEgalopolisExtraRegular; font-size: 14px; border-left: 1px solid #DDD; padding: 5px;}

    .iconeDificuldade{float: right;}